<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" type="text/css" href="./css/productDetails.css" />
		<link rel="stylesheet" type="text/css" href="css/productDetails-cart.css" />
		<title></title>
	</head>
	<body>
			<div id="container">
				<div id="head">
					<ul>
						<li id="local">
							&nbsp;
							<img src="img/productList/exit.png">
							商品详情
						</li>
						<li id="more">···&nbsp;</li>
					</ul>
				</div>

				<div id="container-center">
					<img src="img/productDetails/pic_1.png" width="100%">
					<div id="center-top">
						<h1>知味观糕点3盒装龙井酥绿豆冰糕桂花糕懒人食品 杭州特产早餐速食 劈里啪啦的好吃得很呢</h1>
						<ul id="center-on">
							<li>
								<h2>￥<span class="price">998</span></h2>
								<div id="oldPrice">
									<span>￥1998</span> 月销量0件
								</div>
							</li>
							<li>
								<img src="img/productDetails/share.png">
								<h5>分享</h5>
							</li>
						</ul>
					</div>
					<hr>
					<ul class="center-middle">
						<li>选择商品<span>&nbsp;&nbsp;&nbsp;&nbsp;请选择套餐</span></li>
						<li><img src="img/productDetails/more.png"></li>
					</ul>
					<div class="hr">
						<hr>
					</div>
					<ul class="center-middle">
						<li>商品参数</li>
						<li><img src="img/productDetails/more.png"></li>
					</ul>
					<div class="hr">
						<hr>
					</div>
					<hr>
					<div id="center-bottom">
						<ul>
							<li>商品详情</li>
							<li>商品规格</li>
							<li>用户评论</li>
						</ul>
					</div>
					<div class="hr">
						<hr>
					</div>
					<div id="center-bottom-img">
						<img src="img/productDetails/pic_2.png">
						<img src="img/productDetails/pic_3.png">
						<img src="img/productDetails/pic_4.png">
					</div>
				</div>
				<div id="cart-ab">
					<div id="cart-container">
						<img src="img/productDetails-cart/pic.png" >
						<h1>￥<span>998</span></h1>
						<h2>库存：100</h2>
						<div style="clear: both;"></div>
						<h3>选择规格</h3>
						<div id="choose">
							<ul>
							<li id="fixture">混搭风味</li>
							<li>草莓口味</li>
							<li>榴莲口味</li>
						</ul>
						</div>
						<div id="choose-number">
							<ul>
							<li>数量</li>
							<li class="low-high">
								<ul>
								<li>-</li>
								<li id="no">2</li>
								<li>+</li>
							</ul>
							</li>
						</ul>
						</div>
						
						
						
						
					</div>
						
				</div>
				<div id="footer">
					<ul id="list">
						<li class="index-cart">
							<img src="img/productDetails/index.png">
							<p>首页</p>
						</li>
						<li class="index-cart">
							<img src="img/productList/cart.png">
							<p>购物车</p>
						</li>
						<li id="cart">
							加入购物车
						</li>
						<li id="buynow">
							立即购买
						</li>
					</ul>
				</div>
				
			</div>
	</body>
</html>
